﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ctrTravelService.ascx.cs" Inherits="Controls_TravelService_ctrTravelService" %>
<%@ Register src="ctrTSNavigation.ascx" tagname="ctrTSNavigation" tagprefix="uc1" %>
<div>
<uc1:ctrTSNavigation ID="ctrTSNavigation1" runat="server" />
    
</div>
<div><h2 style="margin-bottom:10px; margin-top:10px; text-transform:uppercase "><asp:Label ID="lblTravelService"  runat="server"></asp:Label></h2></div>

<div >
  
  
    <ul  class="tabs">
        <li><a href="#"><asp:Label ID="lblTab1" runat="server"  /></a></li>
          <li><a href="#"><asp:Label ID="lblTab2"  runat="server"></asp:Label></a></li>
             <li><a href="#"><asp:Label ID="lblTab3"  runat="server"></asp:Label></a></li>
             
    </ul>
      <div class="panes">
            <div style ="padding:20px; font-weight:normal"> <asp:Literal ID="ltrTab1" runat="server"></asp:Literal></div>
            <div style ="padding:20px; font-weight:normal">  <asp:Literal ID="ltrTab2" runat="server"></asp:Literal></div>
            <div style ="padding:20px; font-weight:normal">  <asp:Literal ID="ltrTab3" runat="server"></asp:Literal></div>
    </div>
  
    
</div>

<!-- This JavaScript snippet activates those tabs -->
<script>

    // perform JavaScript after the document is scriptable.
    $(function () {
        // setup ul.tabs to work as tabs for each div directly under div.panes
        $("ul.tabs").tabs("div.panes > div");
    });
</script>